// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
// ┃ This file is part of the Perspective library, distributed under the terms ┃
// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

:host {
    .chart {
        // Local definitions allow for defaults that can easily be overridden
        // by a theme applied to the parent.  These styles are only read by
        // `getComputedStyle()`.
        --d3fc-local-series: var(--d3fc-series, rgba(31, 119, 180, 0.5));
        --d3fc-local-series-1: var(--d3fc-series-1, #0366d6);
        --d3fc-local-series-2: var(--d3fc-series-2, #ff7f0e);
        --d3fc-local-series-3: var(--d3fc-series-3, #2ca02c);
        --d3fc-local-series-4: var(--d3fc-series-4, #d62728);
        --d3fc-local-series-5: var(--d3fc-series-5, #9467bd);
        --d3fc-local-series-6: var(--d3fc-series-6, #8c564b);
        --d3fc-local-series-7: var(--d3fc-series-7, #e377c2);
        --d3fc-local-series-8: var(--d3fc-series-8, #7f7f7f);
        --d3fc-local-series-9: var(--d3fc-series-9, #bcbd22);
        --d3fc-local-series-10: var(--d3fc-series-10, #17becf);

        & .series {
            fill: var(--d3fc-local-series);
        }

        & .series-1 {
            fill: var(--d3fc-local-series-1);
        }

        & .series-2 {
            fill: var(--d3fc-local-series-2);
        }

        & .series-3 {
            fill: var(--d3fc-local-series-3);
        }

        & .series-4 {
            fill: var(--d3fc-local-series-4);
        }

        & .series-5 {
            fill: var(--d3fc-local-series-5);
        }

        & .series-6 {
            fill: var(--d3fc-local-series-6);
        }

        & .series-7 {
            fill: var(--d3fc-local-series-7);
        }

        & .series-8 {
            fill: var(--d3fc-local-series-8);
        }

        & .series-9 {
            fill: var(--d3fc-local-series-9);
        }

        & .series-10 {
            fill: var(--d3fc-local-series-10);
        }
    }
}
